<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/iconfont.css">
	<link rel="stylesheet" href="./css/main.css">
	<script src="./libs/jquery/jquery.min.js"></script>
	<script src="./libs/bootstrap/js/bootstrap.min.js"></script>
	<script src="./libs/art-template/template-web.js" type="text/javascript" charset="utf-8"></script>
	<!-- layUI -->
	<link rel="stylesheet" href="./libs/layui/css/modules/layer/default/layer.css">
	<link rel="stylesheet" href="./libs/layui/css/layui.css" media="all">
	<script src="./libs/layui/lay/modules/layer.js"></script>
	<script src="./libs/layui/layui.js"></script>

	<script src="./js/jqheader.js" type="text/javascript" charset="utf-8"></script>

	<script src="js/article_list.js" type="text/javascript" charset="utf-8"></script>

	<!-- 文章类别 -->
	<script type="text/html" id='category'>
	{{each data v}}
	<option value='{{v.id}}'>{{v.name}}</option>
	{{/each}}
	</script>

	<!-- 文章 -->
	<script type="text/html" id='article'>
	{{if data.length}}
	{{each data v}}
	<tr>
		<td>{{v.title}}</td>
		<td>{{v.author}}</td>
		<td>{{v.category}}</td>
		<td class="text-center">{{v.date}}</td>
		<td class="text-center">{{v.state}}</td>
		<td class="text-center">
			<a href="article_edit.html?id={{v.id}}" class="btn btn-default btn-xs">编辑</a>
			<a href="javascript:void(0);" class="btn btn-danger btn-xs delete">删除</a>
		</td>
	</tr>
	{{/each}}
	{{else}}
		<h2>没有结果</h2>
		{{/if}}
	</script>

	<body>
		<div class="container-fluid">
			<div class="common_title">
				文章列表
			</div>
			<div class="container-fluid common_con">
				<div class="row opt_btns">
					<div class="col-xs-6">
						<div class="form-inline">
							<input type="text" id="aname" class="form-control input-sm" placeholder="输入文章标题...">
							<select id="selCategory" name="" class="form-control input-sm">
								<option value="">所有分类</option>
								<!-- 生成 -->
							</select>
							<select id="selStatus" name="" class="form-control input-sm">
								<option value="">所有状态</option>
								<option value="草稿">草稿</option>
								<option value="已发布">已发布</option>
							</select>
							<input id="btnSearch" type="button" value="筛选" class="btn btn-success btn-sm">
							<input type="reset" value="重置" class="btn btn-danger btn-sm">
						</div>
					</div>
					<div class="col-xs-6">
						<a href="./article_add.html" class="btn btn-success btn-sm pull-right" id="release_btn">发表文章</a>
					</div>
				</div>
				<table class="table table-striped table-bordered table-hover mp20">
					<thead>
						<tr>
							<th>标题</th>
							<th>作者</th>
							<th>分类</th>
							<th class="text-center">发表时间</th>
							<th class="text-center">状态</th>
							<th class="text-center" width="100">操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>王积千造统最头</td>
							<td>杰克</td>
							<td>奇趣事</td>
							<td class="text-center">2017-06-08 07:08:46</td>
							<td class="text-center">已发布</td>
							<td class="text-center">
								<a href="article_edit.html" class="btn btn-default btn-xs">编辑</a>
								<a href="javascript:void(0);" class="btn btn-danger btn-xs delete">删除</a>
							</td>
						</tr>
					</tbody>
				</table>
				<div id="pager" class="row text-center">
					<ul class="pagination pagination-sm">
						<li class="page-item prev disabled"><a href="javascript:void(0)" class="page-link">上一页</a></li>
						<li class="page-item active"><a href="javascript:void(0)" class="page-link">1</a></li>
						<li class="page-item"><a href="javascript:void(0)" class="page-link">2</a></li>
						<li class="page-item"><a href="javascript:void(0)" class="page-link">3</a></li>
						<li class="page-item"><a href="javascript:void(0)" class="page-link">4</a></li>
						<li class="page-item"><a href="javascript:void(0)" class="page-link">5</a></li>
						<li class="page-item"><a href="javascript:void(0)" class="page-link">6</a></li>
						<li class="page-item"><a href="javascript:void(0)" class="page-link">7</a></li>
						<li class="page-item next"><a href="javascript:void(0)" class="page-link">下一页</a></li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
